<template>
  <div id="app">
    <p>吃糖</p>
    <HeaderOne></HeaderOne>
    <!-- <Middle></Middle> -->
    <Middle />
    <!-- <FooterOne></FooterOne> -->
    <footer-one></footer-one>
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'
import HeaderOne from './components/HeaderOne.vue';
import Middle from './components/Middle.vue';
import FooterOne from './components/FooterOne.vue';    

export default {
  name: 'App',
  components: {
    // HelloWorld
    HeaderOne,
    Middle,
    // FooterOne,
    "footer-one":FooterOne,
  }
}
</script>

<style>

</style>
